<template lang="html">
  <div>
    <sui-icon-group size="huge">
      <sui-icon name="puzzle" />
      <sui-icon name="add" corner="top left" />
    </sui-icon-group>
    <sui-icon-group size="huge">
      <sui-icon name="puzzle" />
      <sui-icon name="add" corner="top right" />
    </sui-icon-group>
    <sui-icon-group size="huge">
      <sui-icon name="puzzle" />
      <sui-icon name="add" corner="bottom left" />
    </sui-icon-group>
    <sui-icon-group size="huge">
      <sui-icon name="puzzle" />
      <sui-icon name="add" corner="bottom right" />
    </sui-icon-group>
  </div>
</template>

<script>
export default {
  name: 'IconGroupCorner2',
};
</script>
